<template lang="html">
  <div class="noted">
	<div class="nav">
		<div class="remind">筛选</div>
		<div class="center">
			<router-link tag="div" to="/index/home/course/detaile" class="schedule">课表</router-link>
			<router-link tag="div" to="/index/home/notes" class="note">笔记</router-link>
		</div>
		<div class="imgs">
			<img src="../../images/xiaoxi3.png">
		</div>
	</div>
	<div class="subject">
		<div class="sub">
			<p>题目:坐标系与参数方程</p>
			<span>讲师:戴茹茹</span>
		</div>
		<div class="year_mos">
			<p>12月1日</p>
			<span>11:30</span>
		</div>
	</div>
	<div class="subject">
		<div class="sub">
			<p>题目:三角函数</p>
			<span>讲师:戴茹茹</span>
		</div>
		<div class="year_mos">
			<p>12月3日</p>
			<span>11:30</span>
		</div>
	</div>
	<div class="subject">
		<div class="sub">
			<p>题目:写作指导</p>
			<span>讲师:付方波</span>
		</div>
		<div class="year_mos">
			<p>11月15日</p>
			<span>10:30</span>
		</div>
	</div>
	<div class="subject">
		<div class="sub">
			<p>题目:阅读理解解题思路</p>
			<span>讲师:付方波</span>
		</div>
		<div class="year_mos">
			<p>12月5日</p>
			<span>11:30</span>
		</div>
	</div>
</div>
</template>
<script>
export default {
  name:"note",
  data(){
    return{

    }
  }
}
</script>

<style scoped lang="less">
.nav{
	width: 100%;
	display: flex;
	height: 90/100rem;
	background: #3DAE95;
	
}
.center{
	width: 400/100rem;
	flex: 1;
	display: flex;
	.schedule,.note{
		width: 200/100rem;
		flex: 1;
		height: 62/100rem;
		margin-top: 15/100rem;
		line-height: 60/100rem;
		text-align: center;
		font-size: 38/100rem;
	}
}

.remind,.imgs{
	flex: 1;
	color: #ffffff;

		
}
.remind{
	line-height: 110/100rem;
	text-align: center;
	font-size: 28/100rem;
	color: #ffffff;
	
}


.schedule{
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-radius: 10px 0 0 10px;
	color: #ffffff;

}
.note{
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-radius: 0 10px 10px 0;
	background: #fff;
    color: #3DAE95;
}
.imgs{
		line-height: 90/100rem;
		text-align: center;
	
		flex: 1;
}
.imgs img{
	width: 60/100rem;
	color: #ffffff;

}
div.active{
	background: #ffffff;
	color:#3DAE95; 
}

.el-date-editor{
	
	margin-top: 20/100rem;
}
.subject{
	height: 95/100rem;
	background: #fff;
	border-bottom: 1/100rem solid #999;
	display: flex;
	div{
		flex: 1;
	}
	.sub{
		margin-left: 30/100rem;
		p{
			font-size: 30/100rem;
			margin-top: 10/100rem;
		}
		span{
			font-size: 12/100rem;
			display: block;
			color: #5F5F5F;
		}
	}
	.year_mos{
		margin-right: 30/100rem;
		p{
			font-size: 12/100rem;
			text-align: right;
			margin-top: 10/100rem;
		}
		span{
			font-size: 12/100rem;
			display: block;
			text-align: right;
			margin-right: 28/100rem;
		}
	}
}


</style>
